﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucBestSeller2.ascx.cs" Inherits="Sotipha.Web.Views.Home.ucBestSeller2" %>
<link href="../Home/Css/feature.css" rel="stylesheet" type="text/css" />
<script src="../../Js/Jquery/plugins/jquery.contentcarousel.js" type="text/javascript"></script>
<script src="../../Js/Jquery/plugins/jquery.mousewheel.js" type="text/javascript"></script>
<script src="../../Js/Jquery/plugins/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../Home/Js/view.featureproducts.js" type="text/javascript"></script>
<div class="feature" style="margin-top: 10px;">
    <div class="bd">
        <label class="lbtt"><asp:Literal ID="ltrFeature" runat="server">best seller</asp:Literal> </label>
        <div class="container">
            <div id="ca-container" class="ca-container">
                <div class="ca-nav">
                    <span class="ca-nav-prev">Previous</span><span class="ca-nav-next">Next</span></div>
                <div class="ca-wrapper" style="overflow: hidden;">             
                       <asp:Literal ID="ltrProduct" runat="server"></asp:Literal>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        setInterval(function () { $('.ca-nav-next').click() }, 3000);
    });
</script>